<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>背景样式</title>
    <style>

        .box{
            width:200px;
            height:200px;
            border:1px solid skyblue;
            /*背景色*/
            /*background-color: #54b9e2;*/

            /*背景图片*/
            /*background-image:url("../lesson02/日志.png");*/
            /*background-image: url("2.jpg");*/
            /*背景图片是否平铺：默认repeat平铺*/
            /*background-repeat: no-repeat;*/

            /*背景图片定位：position*/
            /*background-position: 200px 200px;*/

            /*
            背景图片的大小：size
            px,
            contain:等比例的缩放，图片全部可见的，不一定铺满整个背景
            cover:铺满整个背景,图片可能是残缺的
            */
            /*background-size:400px;*/
            /*background-size:contain;*/
            /*background-size:cover;*/

            /*复合样式background:color image repeat position/size*/
            /*background: url("../lesson02/日志.png") no-repeat 200px 200px / 200px 200px;*/

            /*
            字体复合样式font:style weight size family
            size family是复合样式的必写项
            */
            /*font: italic bolder 30px 华文彩云;*/

        }
    </style>
</head>
<body>

    <div class="box">你好</div>
    <div class="box">我好</div>

    <script>
         //注释说明：
         //css：/*注释内容*/
         //html:<!--注释内容-->
         //js://单行注释
              /*多行注释*/

    </script>
</body>
</html>